<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>  
  <meta charset="<?php bloginfo( 'charset' ); ?>">
  <title><?php bloginfo('name'); ?> <?php wp_title(); ?></title>
  <meta name="description" content="">
  <meta name="author" content="Speed730">
  <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
  <!-- Mobile Specific Metas
  ================================================== -->
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <!-- CSS
  ================================================== -->
  <link rel="stylesheet" href="<?php echo get_template_directory_uri();?>/css/reset.css" media="screen">
  <link rel="stylesheet" href="<?php echo get_template_directory_uri();?>/css/text.css" media="screen">  
  <link href='http://fonts.googleapis.com/css?family=Questrial|PT+Sans:400,700|Muli' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" href="<?php echo get_template_directory_uri();?>/css/prettyPhoto.css" media="screen">
  <link rel="stylesheet" href="<?php echo get_template_directory_uri();?>/css/jquery.jqzoom.css" media="screen">
  <link rel="stylesheet" href="<?php echo get_template_directory_uri();?>/css/icons/icons.css" media="screen">  
  <link rel="stylesheet" href="<?php echo get_template_directory_uri();?>/css/custom.css" media="screen">
  <link rel="stylesheet" href="<?php echo get_template_directory_uri();?>/css/grid.css" media="screen">
  <link id="custom-style" rel="stylesheet" href="<?php echo get_template_directory_uri();?>/css/styles/red.css" media="screen">
  <!-- JAVASCRIPT
  ================================================== -->
  <script src="<?php echo get_template_directory_uri();?>/js/jquery-1.7.1.min.js"></script>
  <script src="<?php echo get_template_directory_uri();?>/js/jquery.easing.1.3.js"></script>
  <script src="<?php echo get_template_directory_uri();?>/js/jquery-ui-1.10.3.min.js"></script>
  <script src="<?php echo get_template_directory_uri();?>/js/jquery.flexslider.js"></script>
  <script src="<?php echo get_template_directory_uri();?>/js/idangerous.swiper-1.9.min.js"></script>  
  <script src="<?php echo get_template_directory_uri();?>/js/jquery.sharrre-1.3.4.min.js"></script>  
  <script src="<?php echo get_template_directory_uri();?>/js/kenburns.js"></script>    
  <script src="<?php echo get_template_directory_uri();?>/js/twitter/jquery.tweet.js"></script>  
  <script src="<?php echo get_template_directory_uri();?>/js/jquery.fitvids.min.js"></script>  
  <script src="<?php echo get_template_directory_uri();?>/js/jquery.jqzoom-core-pack.js"></script>  
  <script src="<?php echo get_template_directory_uri();?>/js/jquery.prettyPopin.js"></script>  
  <script src="<?php echo get_template_directory_uri();?>/js/jquery.prettyPhoto.js"></script>  
  <script src="<?php echo get_template_directory_uri();?>/js/jquery.cookies.js"></script>  
  <script src="<?php echo get_template_directory_uri();?>/js/custom.js"></script>
  <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
    <link rel="stylesheet" href="<?php echo get_template_directory_uri();?>/css/font-awesome-ie7.css">
  <![endif]-->  
</head>
<body  <?php body_class(); ?>>
  <script>
  window.fbAsyncInit = function(){
    // init the FB JS SDK
    FB.init({  
      status : false,
      xfbml : true
    });    
  };
  // Load the SDK asynchronously
  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/all.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
  <div id="wrapper">
    <div id="demo-panel">
      <span aria-hidden="true" data-icon="&#xe01c;" class="panle-toggle icomoon"></span>
      <h5>Select a Color</h5>
      <div class="style-preview yellow-box" data-style="yellow"></div>
      <div class="style-preview red-box" data-style="red"></div>
      <div class="style-preview blue-box" data-style="blue"></div>
      <div class="style-preview rose-box" data-style="rose"></div>
      <div class="style-preview green-box" data-style="green"></div>
      <div class="style-preview brown-box" data-style="brown"></div>
      <div class="style-preview deep-blue-box" data-style="deep-blue"></div>
      <div class="style-preview orange-box" data-style="orange"></div>
      <h5>Select a Pattern</h5>
      <p>select section and click on pattern image below</p>
      <select name="pattren-for" id="pattren-for">
        <option value="body">Body Background</option>
        <option value="header">Header Section</option>
        <option value="#top-wrapper">Top header section</option>        
        <option value="#main-container">Main content</option>
        <option value="footer">Footer</option>
      </select>
      <div class="pattern-preview p1"></div>
      <div class="pattern-preview p2"></div>
      <div class="pattern-preview p3"></div>
      <div class="pattern-preview p4"></div>
      <div class="pattern-preview p5"></div>
      <div class="pattern-preview p6"></div>
      <div class="pattern-preview p7"></div>
      <div class="pattern-preview p8"></div>
      <div class="pattern-preview p9"></div>
      <div class="pattern-preview p10"></div>
      <div class="pattern-preview p11"></div>
      <div class="pattern-preview p12"></div>
      <div class="pattern-preview p13"></div>
      <div class="pattern-preview p14"></div>
      <div class="pattern-preview p15"></div>
      <div class="pattern-preview p16"></div>
      <div class="pattern-preview p17"></div>
      <div class="pattern-preview p18"></div>
      <div class="pattern-preview p19"></div>
      <div class="pattern-preview p20"></div>
      <div class="pattern-preview p21"></div>
      <div class="pattern-preview p22"></div>
      <div class="pattern-preview p23"></div>
      <div class="pattern-preview p24"></div>
      <div class="pattern-preview p25"></div>
      <div class="pattern-preview p26"></div>
      <div class="pattern-preview p27"></div>
      <div class="pattern-preview p28"></div>
      <div class="pattern-preview p29"></div>
      <div class="pattern-preview p30"></div>
      <div class="pattern-preview p31"></div>
      <div class="pattern-preview p32"></div>
    </div>
    <span aria-hidden="true" data-icon="&#xe001;" class="slide-toggle icomoon"></span>
    <span aria-hidden="true" data-icon="&#xe010;" class="gotoTop icomoon"></span>    
    <div id="top-wrapper">
      <div class="container_12">
        <div class="top-select-buttons grid_2">
          <div id="language" class="top-icon">
            <form action="#" method="get">              
              <div class="top-select-menu">                
                <div>
                  <a class="active_option" title="english"><img src="<?php echo get_template_directory_uri();?>/images/icons/en-flag.png" alt="english"/></a>
                  <a title="fr"><img src="<?php echo get_template_directory_uri();?>/images/icons/fr-flag.png" alt="french"/></a>
                  <a title="ro"><img src="<?php echo get_template_directory_uri();?>/images/icons/ro-flag.png" alt="romanian"/></a>
                </div>
                <i class="icomoon" aria-hidden="true" data-icon="&#xe00f;"></i>                                
              </div>              
            </form>
          </div><!-- end #language -->
          <div id="currency" class="top-icon">  
            <form action="#" method="get">              
              <div class="top-select-menu">
                <div>
                  <a class="active_option" title="euro">&#8364;</a>
                  <a title="pounds">&pound;</a>
                  <a title="dollars">$</a>
                </div>
                <i class="icomoon" aria-hidden="true" data-icon="&#xe00f;"></i>
              </div>              
            </form>
          </div><!-- end #currency -->          
        </div>
        <div class="grid_7 account-links">
          <a href="register.html"><i class="icomoon" aria-hidden="true" data-icon="&#x2617;"></i>Welcme, visitor</a>
          <a href="account.html"><i class="icomoon" aria-hidden="true" data-icon="&#x2191;"></i>My Account</a>
          <a href="wishlist.html"><i class="icomoon" aria-hidden="true" data-icon="&#xe00d;"></i>Wish List</a>
        </div>
        <div class="grid_3 mini-cart clearfix omega">
          <div class="click-trigger">        
          <span class="cart-top"><i class="cart-top-icon icomoon" aria-hidden="true" data-icon="&#x25e0;"></i><i class="icomoon down-arrow" aria-hidden="true" data-icon="&#xe00f;"></i></span>
          <a class="checkout-icon right icomoon" aria-hidden="true" data-icon="&#xe014;" href="checkout.html"></a>
          <div class="cart-data">Shopping Cart<span class="count">(5) Items</span></div>
              <div class="cart-dropdown hidden_box">                
                <div id="cart-list">                                                      
                  <div class="mini-product">
                    <div class="product-meta">
                      <a href="product-fullwidth.html">
                      <img src="<?php echo get_template_directory_uri();?>/images/mini-product.png" alt="placeholder" />
                        Silver Watche <span>2 x $149.99</span>                        
                      </a>
                      <span class="price">$750</span>
                    </div>
                    <div class="action">
                      <a href="#" class="icomoon" aria-hidden="true" data-icon="&#xe004;"></a>
                    </div>
                  </div><!-- mini-product -->
                  <div class="mini-product">
                    <div class="product-meta">
                      <a href="product-sidebar.html">
                      <img src="<?php echo get_template_directory_uri();?>/images/mini-product2.png" alt="placeholder" />
                        Yellow Mini Car<span>3 x $19.65</span>                        
                      </a>
                      <span class="price">$750</span>
                    </div>
                    <div class="action">
                      <a href="#" class="icomoon" aria-hidden="true" data-icon="&#xe004;"></a>
                    </div>
                  </div><!-- mini-product -->
                  <div class="mini-product">
                    <div class="product-meta">
                      <a href="product-sidebar.html">
                      <img src="<?php echo get_template_directory_uri();?>/images/mini-product3.png" alt="placeholder" />
                        Orange Handbag <span>1 x $80.55</span>                        
                      </a>
                      <span class="price">$750</span>
                    </div>
                    <div class="action">
                    <a href="#" class="icomoon" aria-hidden="true" data-icon="&#xe004;"></a>                    
                    </div>
                  </div><!-- mini-product -->                  
                    <table class="mini-cart-total">
                      <tbody><tr>
                        <td class="left"><span>Sub-Total: </span></td>
                        <td class="right"><span>$101.00</span></td>
                      </tr>
                      <tr>
                        <td class="left"><span>Eco Tax (-2.00): </span></td>
                        <td class="right"><span>$2.00</span></td>
                      </tr>
                      <tr>
                        <td class="left"><span>VAT (17.5%): </span></td>
                        <td class="right"><span>$17.68</span></td>
                      </tr>
                      <tr>
                        <td class="left"><span>Total: </span></td>
                        <td class="right"><span class="total">$120.68</span></td>
                      </tr>
                    </tbody>
                  </table>                  
                </div><!-- end .cart-list -->
                <div class="checkout clearfix">
                    <a class="cart left" href="cart.html"><i class="icomoon" aria-hidden="true" data-icon="&#x25e0;"></i>View Cart</a>
                    <a class="check right" href="checkout.html">Checkout<i class="icomoon" aria-hidden="true" data-icon="&#xe014;"></i></a>
                  </div>
              </div>            
          </div>
        </div><!-- end .mini-cart -->
      </div><!-- end .container_12 -->
    </div><!-- end #top-wrapper -->
    <header>      
    <div class="container_12 header-inner relatived">
      <div id="logo" class="grid_3">
        <a href="/"><img src="<?php echo get_template_directory_uri();?>/images/logo.png" alt="olympia-logo" /></a>
      </div>
      <nav class="grid_8 right omega">
        <div class="mobile-menu-trigger"><span class="icomoon mobile-icon-menu" aria-hidden="true">&#xe008;</span><a class="menu-label">chọn danh mục</a></div>
           <ul class="primary-nav custome-search">
            <li class="search-wrapper">
              <a href="#" aria-hidden="true" data-icon="&#x2610;" class="search-popup-trigger icomoon"></a>
              <div id="top-search-wrapper">
                <div class="relatived">
                  <form action="http://speed730.net/preview/olympia/get">
                    <input aria-hidden="true" type="submit" value="&#x2610;" id="search" class="search-button icomoon">
                    <input type="text" name="search" placeholder="search..."/>
                  </form>
                </div>
              </div>
            </li> 
          </ul>
          <?php 
          wp_nav_menu( array( 'menu' => 'ul', 'menu_class' => 'primary-nav',
                              'container' => 'ul', 'container_class' => 'primary-nav' ) ); 
          ?>
          <!-- <ul class="primary-nav">
            <li><a class="active-page" href="index.html">Home</a></li>
            <li><a href="#">Pages</a>
              <div class="submenu_wrapper column4">
                <ul>                  
                  <li><a href="index.html">Homepage A</a></li>
                  <li><a href="index2.html">Homepage B</a></li>
                  <li><a href="index3.html">Homepage C</a></li>
                  <li><a href="boxed.html">Boxed Layout</a></li>
                  <li><a href="background-slideshow.html">Background Slideshow</a></li>
                  <li><a href="category-grid.html">Category Grid</a></li>
                </ul>
                <ul>
                  <li><a href="category-list.html">Category List</a></li>                 
                  <li><a href="product-fullwidth.html">product detail 1</a></li>
                  <li><a href="product-sidebar.html">product detail 2</a></li>
                  <li><a href="blog-listing.html">Blog Listing</a></li>
                  <li><a href="blog-post.html">Blog Post</a></li>
                  <li><a href="contact.html">Contact Page</a></li>
                </ul>
                <ul>
                  <li><a href="compare.html">Compare</a></li>                  
                  <li><a href="wishlist.html">Wishlist</a></li>
                  <li><a href="cart.html">Shopping Cart</a></li>
                  <li><a href="checkout.html">checkout</a></li>
                  <li><a href="account.html">Account</a></li>
                  <li><a href="login.html">Login</a></li>
                </ul>
                <ul>                  
                  <li><a href="register.html">Register</a></li>
                  <li><a href="left-sidebar.html">Left Sidebar Template</a></li>
                  <li><a href="right-sidebar.html">Right Sidebar Template</a></li>
                  <li><a href="both-sidebars.html">Both Sidebar Template</a></li>
                </ul>                
              </div>
            </li>
            <li><a href="category-grid.html">Men</a>
              <ul>
              <li><a href="#">Sub Category</a>
              <li><a href="#">Sub Category</a>
              <li><a href="#">Sub Category</a>
              <li><a href="#">Sub Category</a>
              <li><a href="#">Sub Category</a>
              </ul>
            </li>            
            <li><a href="#">Women</a></li>            
            <li><a href="#">Megamenu</a>
              <div class="megamenu">
                <div class="grid_7 omega">
                  <h4>Featured Video</h4>
                  <p>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem, ipsum modi quod ea eligendi pariatur incidunt cumque nihil quas porro! Quos aliquam dolore quae earum itaque! Sint, nobis magni ducimus.
                  </p>                  
                </div>
                <div class="grid_5 omega">                  
                  <object type="application/x-shockwave-flash" id="player24535181_2121416347" name="player24535181_2121416347" data="http://a.vimeocdn.com/p/flash/moogaloop/5.2.55/moogaloop.swf?v=1.0.0" width="720" height="400" style="visibility: visible;"><param name="allowscriptaccess" value="always"><param name="allowfullscreen" value="true"><param name="scalemode" value="noscale"><param name="quality" value="high"><param name="wmode" value="opaque"><param name="bgcolor" value="#000000"><param name="flashvars" value="server=vimeo.com&amp;player_server=player.vimeo.com&amp;cdn_server=a.vimeocdn.com&amp;embed_location=&amp;force_embed=0&amp;force_info=0&amp;moogaloop_type=moogaloop_local&amp;js_api=1&amp;js_getConfig=player24535181_2121416347.getConfig&amp;js_setConfig=player24535181_2121416347.setConfig&amp;clip_id=24535181&amp;fullscreen=1&amp;js_onLoad=player24535181_2121416347.player.moogaloopLoaded&amp;js_onThumbLoaded=player24535181_2121416347.player.moogaloopThumbLoaded"></object>
                </div>
              </div>
            </li>
            <li><a href="blog-listing.html">Blog</a></li>
            <li><a href="contact.html">Contact</a></li>
            <li class="search-wrapper">
              <a href="#" aria-hidden="true" data-icon="&#x2610;" class="search-popup-trigger icomoon"></a>
              <div id="top-search-wrapper">
                <div class="relatived">
                  <form action="http://speed730.net/preview/olympia/get">
                    <input aria-hidden="true" type="submit" value="&#x2610;" id="search" class="search-button icomoon">
                    <input type="text" name="search" placeholder="search..."/>
                  </form>
                </div>
              </div>
            </li> 
          </ul> -->
        </nav>
      </div><!-- container_12 -->
    </header>
   